<template>
  <div class="area-warp" :style="{padding:(padding?'15px 15px 0 15px':'0')}">
    <slot></slot>
  </div>
</template>

<script>
  export default {
    props: ['padding']
  }
</script>

<style lang="less" scoped>
  @import "../../assets/less/color.less";
  .area-warp {
    margin-bottom: 15px;
    background: @cl-area-bg;
    border-radius: 2px;
    overflow: hidden;
  }
</style>
